<template>
    <div class="el-wrapper">
        <dv-border-box-10  v-if="borderType === 2"> 
            <vue-echarts class="e-container"  autoresize :option="options" />
        </dv-border-box-10>
        <dv-border-box-8  v-else-if=" borderType === 1"> 
            <vue-echarts class="e-container" autoresize :option="options" />
        </dv-border-box-8>
        <vue-echarts v-else class="e-container" autoresize :option="options" />
    </div>
</template>

<script>
export default {
    props: {
        options: {
            type: Object,
            default: () => {}
        },
        borderType: {
            type: Number,
            default: 0
        }
    }
}
</script>
<style scoped>
.e-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    
}
.el-wrapper {
    width: 100%;
    height: 100%;
    
}
</style>